<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "保单详情");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
.overhidden {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.1rem;
}

.weui-cell:before {
	border-top: 1px solid #f5f5f5;
}

.weui-cells:after {
	border-bottom: 0px;
}


.share {
	border-bottom: 0px;
}

.service-award {
	border-top: 2px solid #eee;
}

#shareLevel {
	display: none;
}
#shareLevel1 {
	display: none;
}

.share-award {
	border-bottom: 0px;
}
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<div class="goback" data-back-href="<c:url value='/wechat/policy/listPolicy/policy'/>"></div>
<div style="width: 100%; height: 15px; background-color: #f5f5f5; padding: 0px"></div>

	<c:if test="${listPolicy.signs=='fanhuaAccident'}">
		<div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p style="color: #1fa0db">基本信息</p>
				</div>
				<div class="weui-cell__ft label-color"></div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保险名称</p>
				</div>
				<div class="weui-cell__ft label-color">
					<p class="overhidden" style="width: 200px">${listPolicy.fanhuaAccident.productName}</p>
				</div>
			</div>
		
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保单号</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.policyNo}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保险公司</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.insureComName}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保费</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.totalAmount}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>起止日期</p>
				</div>
				<div class="weui-cell__ft label-color">
					<fmt:formatDate value="${listPolicy.fanhuaAccident.startTime}" pattern="yyyy-MM-dd" />
					至
					<fmt:formatDate value="${listPolicy.fanhuaAccident.endTime}" pattern="yyyy-MM-dd" />
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>创建日期</p>
				</div>
				<div class="weui-cell__ft label-color">
					<fmt:formatDate value="${listPolicy.fanhuaAccident.submitTime}" pattern="yyyy-MM-dd  HH:mm:ss" />
				</div>
			</div>			
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>订单号</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.orderId}</div>
			</div>			
			<c:if
				test="${listPolicy.fanhuaAccident.downloadURL!=null && listPolicy.fanhuaAccident.downloadURL!=''  && listPolicy.fanhuaAccident.downloadURL!='null'}">
				<a href="${listPolicy.fanhuaAccident.downloadURL}">
					<div class="weui-cell">
						<div class="weui-cell__bd">
							
						</div>
						<div class="weui-cell__ft ">
							<p style="color: #1fa0db">点击下载电子保单</p>
						</div>
					</div>
				</a>
			</c:if>
		</div>
		<div style="width: 100%; height: 15px; background-color: #f5f5f5; padding: 0px"></div>
		
		
		
		<div>
			<div class="weui-cell weui-cell_access share-award" id="share-father">
				<div class="weui-cell__bd">
					<p style="color: #1fa0db">投保人信息</p>
				</div>
				<div class="weui-cell__ft label-color"></div>
			</div>
			<div id="shareLevel">
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<p>投保人</p>
					</div>
					<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.appntName}</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<p>投保人证件号</p>
					</div>
					<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.appntIdNo}</div>
				</div>
				<div class="weui-cell">
					<div class="weui-cell__bd">
						<p>手机号</p>
					</div>
					<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.appntMobile}</div>
				</div>			
				<div style="width: 100%; height: 15px; background-color: #f5f5f5; padding: 0px"></div>
			</div>
		</div>
		
		<div>
			<div class="weui-cell weui-cell_access share-award" id="share-father1">
				<div class="weui-cell__bd">
					<p style="color: #1fa0db">被保人信息</p>
				</div>
				<div class="weui-cell__ft label-color"></div>
			</div>
			<div id="shareLevel1">
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>被保人</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.insuredName}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>被保人证件号</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.insuredIdNo}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>手机号</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.fanhuaAccident.insuredMobile}</div>
			</div>
			</div>
		</div>
	</c:if>


	<c:if test="${listPolicy.signs=='zhonganAccident'}">
		<div class="box">
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保险名称</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.zhonganAccident.productName}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保险公司</p>
				</div>
				<div class="weui-cell__ft label-color">众安保险</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保单号</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.zhonganAccident.policyNo}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保费</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.zhonganAccident.premium}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保额</p>
				</div>
				<div class="weui-cell__ft label-color">${listPolicy.zhonganAccident.sumInsured}</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>起保日期</p>
				</div>
				<div class="weui-cell__ft label-color">
					<fmt:formatDate value="${listPolicy.zhonganAccident.effectiveDate}" pattern="yyyy/MM/dd HH:mm:ss" />	
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>终保日期</p>
				</div>
				<div class="weui-cell__ft label-color">
					<fmt:formatDate value="${listPolicy.zhonganAccident.expiryDate}" pattern="yyyy/MM/dd HH:mm:ss" />
				</div>
			</div>
			<div class="weui-cell">
				<div class="weui-cell__bd">
					<p>保单创建日期</p>
				</div>
				<div class="weui-cell__ft label-color">
					<fmt:formatDate value="${listPolicy.zhonganAccident.requestDate}" pattern="yyyy/MM/dd HH:mm:ss" />
				</div>
			</div>
			
		</div>
	</c:if>
</div>
<div style="width: 100%; height: 15px; background-color: #f5f5f5; padding: 0px"></div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script type="text/javascript">
/* 点击下拉*/
$("#share-father").on("click", function() {
	if ($(this).attr("class").indexOf("weui-cell_access") > 0) {
		$(this).removeClass("weui-cell_access");
		$(this).addClass("weui-cell_define");
	} else {
		$(this).removeClass("weui-cell_define");
		$(this).addClass("weui-cell_access");
	}

	$("#shareLevel").toggle(800);
});
$("#share-father1").on("click", function() {
	if ($(this).attr("class").indexOf("weui-cell_access") > 0) {
		$(this).removeClass("weui-cell_access");
		$(this).addClass("weui-cell_define");
	} else {
		$(this).removeClass("weui-cell_define");
		$(this).addClass("weui-cell_access");
	}

	$("#shareLevel1").toggle(800);
});

</script>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>